var conditionSettingAreaSet = {
	init : function() {
		$('.tab-alarm').height(nav.whiceH[1]);
		this.queryTabInit = this.quaryTab();
		this.choseCar();
		this.annal();
		this.saveOrUpdate();
		this.initEvent();

	},
	initEvent : function() {

		$.ajax({
			type : 'post',
			async : false,
			url : appCtx + "system/vehicle/loadUserVehicle.html",
			cache : false,
			dataType : "JSON",
			success : function(data) {
				var arr = data.vehicleList;
				var size = arr.length;
				for (var i = 0; i < size; i++) {
					if (i == 0) {
						$(".queryCarCont").append(
								'<li class="' + 'list active"><a class='
										+ '"db' + '" href=' + '"javascript:;'
										+ '">' + arr[i].registrationNO
										+ '</a> <div style="'
										+ 'display: none"' + '>'
										+ arr[i].vehicleId + ',</div></li>')
					} else {
						$(".queryCarCont").append(
								'<li class="' + 'list "><a class=' + '"db'
										+ '" href=' + '"javascript:;' + '">'
										+ arr[i].registrationNO
										+ '</a> <div style="'
										+ 'display: none"' + '>'
										+ arr[i].vehicleId + ',</div></li>')
					}
				}
			}
		});
		$("#vehicleSearch")
				.click(
						function() {
							var value = $("#queryValue").val();
							$
									.ajax({
										type : 'post',
										async : false,
										url : appCtx
												+ "system/vehicle/queryUserVehicle.html",
										cache : false,
										dataType : "JSON",
										data : {
											"keyWord" : value
										},
										success : function(data) {
											var arrVehicle = data.vehicleList;
											var sizeVehicle = arrVehicle.length;
											console.log(sizeVehicle)
											$(".queryCarCont li").remove();
											for (var i = 0; i < sizeVehicle; i++) {
												if (i == 0) {
													$(".queryCarCont")
															.append(
																	'<li class="'
																			+ 'list active"><a class='
																			+ '"db'
																			+ '" href='
																			+ '"javascript:;'
																			+ '">'
																			+ arrVehicle[i].registrationNO
																			+ '</a> <div style="'
																			+ 'display: none"'
																			+ '>'
																			+ arrVehicle[i].vehicleId
																			+ ',</div></li>')
												} else {
													$(".queryCarCont")
															.append(
																	'<li class="'
																			+ 'list "><a class='
																			+ '"db'
																			+ '" href='
																			+ '"javascript:;'
																			+ '">'
																			+ arrVehicle[i].registrationNO
																			+ '</a> <div style="'
																			+ 'display: none"'
																			+ '>'
																			+ arrVehicle[i].vehicleId
																			+ ',</div></li>')
												}
											}
										}

									});

						})

		$(".queryCarCont ").on("click", "li", function() {

			$(this).toggleClass("active");
		})
		$(".queryCarCont li").dblclick(function() {
			$(this).remove();
			$(this).addClass("active");
			$(".resultCarCont").append(this);

		})

		$(".resultCarCont").on("click", "li", function() {
			$(this).toggleClass("active");
		})
		$(".resultCarCont ").on("dblclick", "li", function() {
			$(".queryCarCont").prepend(this);
			$(this).remove();

		})
		$(".go").click(function() {
			$(".resultCarCont").append($(".queryCarCont .active"));
			$(".queryCarCont .active").remove();
		})
		$(".back").click(function() {
			$(".queryCarCont").prepend($(".resultCarCont .active"));
			$(".resultCarCont .active").remove();
		})

	},

	quaryTab : function() {
		var index = 0;
		var _this = this;
		$('.date-alarm').find('.list').click(function() {
			index = $(this).index();
			$('.tab-alarm-cont-list').hide().eq(index).show();
			$(this).addClass('active');
			$(this).siblings().removeClass('active');
			$('.date-alarm').find('.line').css({
				'left' : 100 * index
			});

		});
		return {
			'index' : index
		}
	},

	/**
	 * 车辆选择
	 */
	choseCar : function() {
		$('#selectCar').select2();
	},
	saveOrUpdate : function() {
		var test = $(".radio-warp").find("input");
		var periodValue;
		$("#saveVehicleSpeed").click(
				function() {
					for (var i = 0; i < 4; i++) {
						if ($(".radio-warp").find("input")[i].checked) {
							periodValue = $($(".radio-warp").find("input")[i])
									.parent("label").text();
						}
					}

					var ids = $(".resultCarCont li div").text();
					var name = $("#name").val();

					var speedThreshold = $("#speedThreshold").val();
					var remark = $("#remark").val();
					var param =  {
						"Name" : name,
						"SpeedThreshold" : speedThreshold,
						"PeriodValue" : periodValue,
						"remark" : remark,
						"ids" : ids,
						"action" : "insert"
					} 
					$.ajax({
						type : 'post',
						async : false,
						url : appCtx + "reportset/vehicleSpeed/saveVehicleSpeed.html",
						cache : false,
						data : param,
						dataType : "JSON",
						success : function(data) {
							$("#annal").flexReload();
						}

					});
					
				})

	},
	/**
	 * 删除超速设置
	 */

	deleteVehicleSpeed : function(id) {
		$.ajax({
			type : 'post',
			async : false,
			url : appCtx + "reportset/vehicleSpeed/deleteVehicleSpeed.html",
			cache : false,
			data : {
				"id" : id
			},
			dataType : "JSON",
			success : function(data) {
				$("#annal").flexReload();
			}

		});

	},
	queryVehicle : function(id) {

		$('#myModal').on('hidden', function() {

		})

		$("#registrationTable").flexigrid({
			dataType : 'json',
			url : appCtx + 'reportset/vehicleSpeed/queryVehicle.html?id=' + id,
			params : [],
			contentType : "application/json; charset=utf-8",
			method : 'POST',
			colModel : [ {
				display : '车牌号',
				name : 'registrationNo',
				width : 80,
				sortable : false,
				align : 'left',
				checked : 'checked'
			} ],
			resizable : false,
			sortname : "terminalId",// 第一次加载数据时排序列
			sortorder : "desc",// 第一次加载数据时排序类型
			usepager : false,// 是否分页，默认为true。
			showToggleBtn : false,
			showTableToggleBtn : false,// 是否显示收起/打开按钮,默认不显示。
			width : 'auto',// 表格宽度
			height : nav.whiceH[1] - 130, // 表格高度
			titDisplay : false,
			onSuccess : function(data) {

			},
			onSelectRow : function(row) {

			},
			onSelectAllRow : function(data) {

			}

		})

	},
	annal : function() {
		/**
		 * 操作列
		 */
		function formmatOperation(id) {
			var handleStr = "";

			handleStr = '<a href="javascript:void(0)" onclick="updateMapPoint('
					+ id
					+ ')" title="" >修改</a>&nbsp;&nbsp;<a href="javascript:void(0)" onclick="conditionSettingVehicleSpeed.deleteVehicleSpeed('
					+ id + ')" title="" >删除</a>';

			return handleStr;
		}
		;
		function formmatVehicle(analyseGroupsID) {
			var handleStr = "";
			handleStr = '<a href="' + '#myModal' + '"  role=' + '"button'
					+ '" onclick=' + '"conditionSettingVehicleSpeed.queryVehicle('
					+ analyseGroupsID + ')" data-toggle=' + '"modal'
					+ '"><span style=' + '"color: blue;' + '"</span>查看车辆</a>';
			return handleStr;
		}
		;

		$("#annal").flexigrid({
			dataType : 'json',
			url : appCtx + 'reportset/vehicleSpeed/queryAllVehicleSpeed.html',
			params : [],
			contentType : "application/json; charset=utf-8",
			method : 'POST',
			colModel : [ {
				display : '条件名称',
				name : 'name',
				width : 80,
				sortable : false,
				// hide:true,
				align : 'left',
				checked : 'checked'
			}, {
				display : '超速阈值',
				name : 'speedThreshold',
				width : 80,
				sortable : false,
				align : 'left',
			}, {
				display : '周期',
				name : 'periodValue',
				width : 150,
				sortable : false,
				align : 'left',
			}, {
				display : '时间范围',
				name : 'startTime',
				width : 150,
				sortable : false,
				align : 'left',
				paramcolnames : [ 'startTime', 'endTime' ],
				handlefunction : function(startTime, endTime) {
					return startTime + "至" + endTime;
				}
			}, {
				display : '监控车辆',
				name : 'Handler',
				width : 150,
				sortable : false,
				align : 'left',

				paramcolnames : [ 'analyseGroupsID' ],
				handlefunction : formmatVehicle,
			}, {
				display : '备注',
				name : 'remark',
				width : 150,
				sortable : false,
				align : 'left',
			}, {
				display : '操作',
				name : 'operation',
				width : 150,
				sortable : false,
				align : 'left',
				paramcolnames : [ 'iD' ],
				handlefunction : formmatOperation
			} ],

			resizable : false,
			sortname : "terminalId",// 第一次加载数据时排序列
			sortorder : "desc",// 第一次加载数据时排序类型
			usepager : false,// 是否分页，默认为true。
			showToggleBtn : false,
			showTableToggleBtn : false,// 是否显示收起/打开按钮,默认不显示。
			// useRp : true,// 是否可以动态设置每页显示的结果数，默认为false。
			// rp : 10,// 每页记录数，默认为10
			// rpOptions: [10,50,100,300,500], // 每页结果数
			checkbox : true,// 是否要多选框,默认为false。
			rowId : 'terminalId',// 多选框绑定行的id,只有checkbox :
			// true时才有效。
			singleSelect : true,
			width : 'auto',// 表格宽度
			height : nav.whiceH[1] - 130, // 表格高度
			titDisplay : false,
			onSuccess : function(data) {
			},
			onSelectRow : function(row) {

			},
			onSelectAllRow : function(data) {

			}

		});
	}
};

conditionSettingAreaSet.init();